body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff url(../images/main-bg2.png);
	padding: 0;
	margin: 0;
}
img {
	border: none;
}

fieldset{position:absolute;top:0;left:0;margin:0;padding:0;width:100%;border:0;background:#E7E7E7;}
form{margin:0;padding:0;}
select{margin:0 auto;padding:0;width:50%;margin-bottom:5px;margin-right:5px;font-size:1em;}
dl, dt {margin:0;padding:0;}
dd {margin:0;padding:5px;font-size:.9em;}
label {display:block;margin:0;padding:5px;font-size:.9em;}
h1{
margin:0;padding:5px;background: #d1d1d1; /* for non-css3 browsers */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); /* for firefox 3.6+ */
;font-size:1.1em;font-weight:normal;text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}
.close{width:17px;height:16px;background:url(../images/close-sidebar.png);float:right;}
.close:hover{width:17px;height:16px;background:url(../images/close-sidebar-hover.png);float:right;}

/*Main Layout*/

.ui-layout-pane { /* all 'panes' */ 
background: #FFF; 
border: 1px solid #BBB; 
padding: 10px; 
overflow: auto;
} 

.ui-layout-resizer, { /* all 'resizer-bars' */ 
background: transparent; 
} 

.ui-layout-toggler { /* all 'toggler-buttons' */ 
background: #AAA; 
} 
	
.ui-layout-north{
overflow:hidden;
background:#565656 url(../images/mapmint-logo.png) no-repeat;
border:0;
margin:0;
padding:0;
height:50px;
max-height:50px;
}

.ui-layout-south{
overflow:hidden;
background:#565656;
border:0;
margin:0;
padding:0;
min-height:50px;
}

.ui-layout-west{
overflow:hidden;
border:0;
margin:0;
padding:0;

}

.ui-layout-center{
border:0;
margin:0;
padding:0;
}

.ui-layout-subcenter{
width:100%;
height:91%;
border:0;
margin:0;
padding:0;

}
.middle-center{
margin:0;
padding:0;

}
.middle-south{
margin:0;
padding:0;
border:0;
background:#E7E7E7;
}

.toolbar{background:#a1a1a1;width:100%;height:30px;}

.fg-button {outline:0;width:24px;height:24px;margin:0 4px;margin-bottom:0; padding: 4px 8px; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1;}
.fg-button2 {outline:0;width:24px;height:16px;margin:0 4px;margin-bottom:0; padding: 4px 8px; text-decoration:none !important; cursor:normal; position: relative; text-align: center; zoom: 1;}
	
a.fg-button { float:left;}

button.fg-button { width:auto; overflow:visible; }
			
.fg-button-icon-left { padding-left: 0; }
.fg-button-icon-right { padding-right: 0; }
.fg-button-icon-left .ui-icon { right: auto; left: 0 margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: 0; margin-left: 0; }
			
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
			
.fg-buttonset { float:left;margin-right: 1.5em; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}

.db {background-image:url(../images/add-layer-pg.png) !important;}
.dir {background-image:url(../images/dir.png) !important;}
.add-layer-vector {background-image:url(../images/add-layer-vector.png) !important;}		
.add-layer-raster {background-image:url(../images/add-layer-raster.png) !important;}		
.add-layer-wfs {background-image:url(../images/add-layer-wfs.png) !important;}		
.add-layer-wms {background-image:url(../images/add-layer-wms.png) !important;}		
.add-layer-wcs {background-image:url(../images/add-layer-wcs.png) !important;}				
.get-layer-info {background-image:url(../images/get-layer-info.png) !important;}
.export-layer {background-image:url(../images/export-layer.png) !important;}				
.delete-layer {background-image:url(../images/delete-layer.png) !important;}
.maincfg1 {background-image:url(../images/main-config-server-icon.png) !important;}
.maincfg2 {background-image:url(../images/main-config-people-icon.png) !important;}
.separator{display:inline;width:24px;height:24px;}
.buttform{float:right;margin-right:15px;}
.buttcheck{float:left;width:80%;margin-left:10px;}
.buttcheck label{font-size:0.9em;position:relative;top:-5px;left:0;color:#636363;}
.formz {width:100%;margin:10px;font-size:1em;cell-spacing:10px;}

.formz td {color:#636363;}
.formz td.small {font-weight:normal;color:#636363;}

.footer{width:100%;height:50px;background:#000000;position:absolute;bottom:0;left:0;}

#nav {
position:relative;
top:7px;
left:295px;
margin: 0;
padding: 5px 4px 0;
line-height: 100%;
background: transparent;
border:0;
height:50px;
font-size:1.1em;
}
#nav li {
margin: 0 5px;
padding: 0 0 8px;
float: left;
position: relative;
list-style: none;
}
/* main level link */
#nav a {
font-weight: normal;
color: #e7e5e5;
text-decoration: none;
display: block;
padding:  8px 20px;
margin: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
/* main level link hover */
#nav .current a {
background: #d1d1d1; /* for non-css3 browsers */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); /* for firefox 3.6+ */
color: #333333;
border-top: solid 1px #f8f8f8;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}

#nav .datawarehousenav a, #nav .dashboard a {
background: #8ad148; /* for non-css3 browsers */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ad148', endColorstr='#4bbf30'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#8ad148), to(#4bbf30)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #8ad148,  #4bbf30); /* for firefox 3.6+ */
color: #FFFFFF;
border-top: solid 1px #4bbf30;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
}
#nav .datawarehousenav a:hover, #nav .dashboard a:hover {
color: #FFFFFF;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
}

#nav li.datawarehousenav:hover > a, #nav li.dashboard:hover > a {
background: #8ad148; /* for non-css3 browsers */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ad148', endColorstr='#4bbf30'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#8ad148), to(#4bbf30)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #8ad148,  #4bbf30); /* for firefox 3.6+ */

border-top: solid 1px #4bbf30;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
text-shadow: 0 1px 0 rgba(0,0,0, .8);
} 

#nav li:hover > a {
background: #8ad148; /* for non-css3 browsers */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ad148', endColorstr='#4bbf30'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#8ad148), to(#4bbf30)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #8ad148,  #4bbf30); /* for firefox 3.6+ */

border-top: solid 1px #4bbf30;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

/* level 2 list */
#nav ul {
	background: #ddd; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #cfcfcf); /* for firefox 3.6+ */
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 38px;
	left: 0;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
/* dropdown */
#nav li:hover > ul {
	display: block;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}
/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}
/* rounded corners for first and last child */
#nav ul li:first-child > a, #nav ul.orange li:first-child > a, #nav ul.purple li:first-child > a   {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a, #nav ul.orange li:last-child > a, #nav ul.purple li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
}
html[xmlns] #nav {
	display: block;
}
* html #nav {
	height: 1%;
}
p.top{margin:0;padding:5px;background:transparent;border:none;color:#333333;}
.maincfg{position:relative;}

h2.module{
margin:0;padding:0;background:transparent;
font-size:1.3em;font-weight:normal;text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
position:relative;top:15px;left:70px;
}

h3.submodule{
margin:0;padding:0;background:transparent; 
;font-size:1.1em;font-weight:normal;color:#333333;
position:relative;top:17px;left:70px;
}

#first{background:#E7E7E7;}
#second{background:#E7E7E7;}
.datawarehouse {width:100%;height:60px;margin:0;padding:0;border-bottom:1px solid #bababa;background: #E7E7E7 url(../images/datawarehouse-icon.png) no-repeat;background-position:3px 3px;} 
.hover {background: #7dff26} 
.layermanager {width:100%;height:60px;margin:0;padding:0;border-bottom:1px solid #bababa;background:#E7E7E7 url(../images/layermanager-icon.png) no-repeat;background-position:3px 3px;}
.printpublisher {width:100%;height:60px;margin:0;padding:0;border-bottom:1px solid #bababa;background:#E7E7E7 url(../images/printpublisher-icon.png) no-repeat;background-position:3px 3px;}
.webpublisher {width:100%;height:60px;margin:0;padding:0;border-bottom:1px solid #bababa;background:#E7E7E7 url(../images/webpublisher-icon.png) no-repeat;background-position:3px 3px;}
.documentation {width:100%;height:60px;margin:0;padding:0;border-bottom:1px solid #bababa;background:#E7E7E7 url(../images/documentation-icon.png) no-repeat;background-position:3px 3px;}

.datawarehouse h2, .layermanager h2, .printpublisher h2, .webpublisher h2, .documentation h2{
float:left;margin:0;padding:10px 0 0 70px;background:transparent; 
;font-size:1.2em;font-weight:normal;text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}
.datawarehouse h3, .layermanager h3, .printpublisher h3, .webpublisher h3, .documentation h3{
float:left;position:absolute;margin:0;padding:30px 0 0 70px;background:transparent;font-size:1.1em;font-weight:normal;color:#333333;
}
.start-stop{float:right;position:relative;top:15px;right:10px;}

.colorpicker{width:100%;background:#E7E7E7;}
.theme-bar{width:100%;height:40px;}
.green{
	float:left;
width:24px;
height:24px;
margin:10px 5px 0 10px;
background: #8ad148; /* for non-css3 browsers */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ad148', endColorstr='#4bbf30'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#8ad148), to(#4bbf30)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #8ad148,  #4bbf30); /* for firefox 3.6+ */
border:1px solid #AAA;
}

.blue{
float:left;
width:24px;
height:24px;
margin:10px 5px;
background: #8ad148; /* for non-css3 browsers */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ad148', endColorstr='#4bbf30'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#8ad148), to(#4bbf30)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #44d0e5, #398ee4 ); /* for firefox 3.6+ */
border:1px solid #AAA;
}

.purple{
	float:left;
width:24px;
height:24px;
margin:10px 5px;
background: #8ad148; /* for non-css3 browsers */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ad148', endColorstr='#4bbf30'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#8ad148), to(#4bbf30)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #c743f8, #8340f3 ); /* for firefox 3.6+ */
border:1px solid #AAA;
}

.pink{
	float:left;
width:24px;
height:24px;
margin:10px 5px;
background: #8ad148; /* for non-css3 browsers */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ad148', endColorstr='#4bbf30'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#8ad148), to(#4bbf30)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #f869ec, #f630f8 ); /* for firefox 3.6+ */
border:1px solid #AAA;
}

